// 颜色
$colors: (
    "purple":#83a2ed,
    "purple-1":#83a2ed,
    "black":#e5e5e5,
    "blue":#6ac6e2,
    "blue-1":#82d7f2,
    "blue-2":#5fd9de,
    "blue-3":#83e4f3,
    "green":#58d88e,
    "green-1":#58d8ab,
);

// 字体大小
$base-font-size: 1px;
$font-sizes: (
    xxs: 14,
    xs: 14,
    sm: 14,
    md: 14,
    lg: 14,
    xl: 14,
    xxl: 50
);

// 宽高
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}

//flex
.d-flex {
    display: flex;
}
.flex-column {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
$flex-jc: (
    start: flex-start,
    end: flex-end,
    center: center,
    between: space-between,
    around: space-around,
    evenly: space-evenly,
);

$flex-ai: (
    start: flex-start,
    end: flex-end,
    center: center,
    stretch: stretch,
);
.flex-1 {
    flex: 1;
}

//.mt-1 => margin top
//spacing
$spacing-types: (
    m: margin,
    p: padding,
);
$spacing-directions: (
    t: top,
    r: right,
    b: bottom,
    l: left,
);
$spacing-base-size: 1px;
$spacing-sizes: (
    0: 0,
    5: 5,
    10: 10,
    20:20,
    30:30
);
